<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

<link rel="stylesheet" href="css/colorbox-3/colorbox.css">
<script type="text/javascript" src="js/colorbox-3/jquery.colorbox.js"></script>

<script>
$(document).ready(function(){
	$(".thumbnail").colorbox({rel:'thumbnail', slideshow:true, height:$( window ).height()});	
});
</script>


<script type="text/javascript" src="js/jquery.simplyscroll.js"></script> 
<link rel="stylesheet" href="css/jquery.simplyscroll.css" media="all" type="text/css">
<script type="text/javascript">
(function($) {
	$(function() {
		$("#scroller").simplyScroll({auto:true, autoMode: 'loop', manualMode:'loop'});
	});
})(jQuery);
</script>

</head>

<body>

<!-- Head -->
<header>
	<div class="cover"> <img src="img/cover.jpg" alt=""/> </div>	
	
	<nav>
		<ul class="clearfix">
			<li><a href="index.html">Trang chủ</a></li>
			<li><a href="about.html">Giới Thiệu</a></li>
			<li><a href="news.html">Tin Tức</a></li>
			<li><a href="warranty.html">Bảo Hành</a></li>
			<li><a href="contact.html">Liên Hệ</a></li>
		</ul>
	</nav>
</header>
<div class="clearfix"></div>
<!-- End Head -->  	


<!-- Body -->
<div class="main"> 

	<div class="row fix-row mt10">
		<div class="col-md-3 left"> 
			<script type="text/javascript" src="js/menu.js"></script>
			<div class="panel panel-primary fix-menu">
				<div class="panel-heading"> <h3 class="panel-title"><a href="javascript:;">Danh mục sản phẩm</a></h3> </div>
				<div class="panel-body">					
					<ul class="menu">
						<li> <a href="product.html"> CAMERA <span>(0 sp)</span></a>
							<ul>
								<li> <a href="product.html"> CAMERA <span>(0 sp)</span></a></li>						
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span> </a> </li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
								<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
								<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
								<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
							</ul>
						</li>						
						<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
						<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
						<li><a href="product.html">CAMERA <span>(0 sp)</span> </a> </li>
						<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
						<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
						<li><a href="product.html">CAMERA <span>(0 sp)</span></a></li>
						<li><a href="product.html">CASE - VỎ MÁY TÍNH <span>(0 sp)</span></a></li>
						<li><a href="product.html">COMBO PHÍM CHUỘT <span>(0 sp)</span></a></li>
					</ul>
				</div>
			</div>		
		</div> <!-- End menu left -->
		
		<div class="col-md-9 right">  
			<ul class="page-breadcrumb breadcrumb">
				<li>
					<i class="fa fa-home"></i>
					<a href="index.html">Home</a>
					<i class="fa fa-angle-right"></i>
				</li>
				<li>
					<a href="#">UI Features</a>
					<i class="fa fa-angle-right"></i>
				</li>
				<li>
					<a href="#">Typography</a>
				</li>
			</ul>
		</div>
	</div>
	
	<div class="clearfix"></div>	
	<div class="row">
		<div class="col-md-7 left line-box"> 
			<div class="panel panel-fix">
				<div class="panel-heading"> 
					<h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span>Fuhlen G60 Gaming Optical Mouse</h3> 
				</div>
			</div>	
			<div class="image-item"><img src="img/products/show2.jpg" /></div>
			<div class="image-item"><img src="img/products/show2.jpg" /></div>
			
			<div class="detail mt10">
				<p>
					<i class="fa fa-caret-right"></i>
					<span>Tên:</span>
					<b>Fuhlen L120 Gaming Mouse</b>
				</p>
				
				<p>
					<i class="fa fa-caret-right"></i>
					<span>Bảo hành:</span>
					<b>24 năm</b>
				</p>
				
				<p>
					<i class="fa fa-caret-right"></i>
					<span>Tên:</span>
					<b>Fuhlen L120 Gaming Mouse</b>
				</p>
				
				<p>
					<i class="fa fa-caret-right"></i>
					<span>Bảo hành:</span>
					<b>24 năm</b>
				</p>	
			</div>
		</div> <!-- End menu left -->
		
		<div class="col-md-5 right pl0"> 
			<div class="panel panel-primary border-none">
				
				<div class="panel-body">					
					<div class="price-fix">Giá: 200.000đ</div>
					<span>BẢO HÀNH 24 THÁNG SIÊU TỐC</span>
				</div>
				<div class="panel-footer fix-footer">
					
					<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2Fhttp%3A%2F%2Fdichvucomputer.com%2Fphuctemplate%2F&amp;width=175&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:175px; height:21px;" allowTransparency="true"></iframe>
				
				
				
					<!-- Đặt thẻ này vào phần đầu hoặc ngay trước thẻ đóng phần nội dung của bạn. -->
					<script src="https://apis.google.com/js/platform.js" async defer>
					  {lang: 'vi'}
					</script>					
					<!-- Đặt thẻ này vào nơi bạn muốn Nút +1 kết xuất. -->
					<div class="g-plusone" data-size="medium"></div>
					
					<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
					
				</div>
			</div>		
			 
			<div class="panel panel-primary border-none panel-fix1">
				<div class="panel-heading"> <h3 class="panel-title" style="text-align:center"> Sản phẩm liên quan</h3> </div>
				<div class="">					
					<ul class="product-other">
						<li class="p-item clearfix"> 
							<a href="product.html"><img src="img/products/1.jpg" alt=""/> </a>
							<a href="product.html">Fuhlen L120 Gaming Mouse</a> <br/>
							<span>Giá: 150.000đ</span>
						</li>						
						<li class="p-item clearfix"> 
							<a href="product.html"><img src="img/products/1.jpg" alt=""/> </a>
							<a href="product.html">Fuhlen L120 Gaming Mouse</a><br/>
							<span>Giá: 150.000đ</span>
						</li>
						<li class="p-item clearfix"> 
							<a href="product.html"><img src="img/products/1.jpg" alt=""/> </a>
							<a href="product.html">Fuhlen L120 Gaming Mouse</a> <br/>
							<span>Giá: 150.000đ</span>
						</li>						
						<li class="p-item clearfix"> 
							<a href="product.html"><img src="img/products/1.jpg" alt=""/> </a>
							<a href="product.html">Fuhlen L120 Gaming Mouse</a><br/>
							<span>Giá: 150.000đ</span>
						</li>	
						<li class="p-item clearfix"> 
							<a href="product.html"><img src="img/products/1.jpg" alt=""/> </a>
							<a href="product.html">Fuhlen L120 Gaming Mouse</a> <br/>
							<span>Giá: 150.000đ</span>
						</li>						
						
					</ul>
				</div>
			</div>		
		</div>
	</div>
	
</div>
<div class="clearfix"></div>
<!-- End body --> 



<div class="footer-sub">
<div class="row">
	<div class="col-md-12"> 
		
		<ul id="scroller">
			<li><a href="#"><img src="img/members/1.png" alt="Firehouse"></a></li>
			<li><a href="#"><img src="img/members/2.png" alt="Chloe nightclub"></a></li>
			<li><a href="#"><img src="img/members/3.png" alt="Firehouse bar"></a></li>	
			<li><a href="#"><img src="img/members/4.png" alt="Firehouse"></a></li>
			<li><a href="#"><img src="img/members/5.png" alt="Chloe nightclub"></a></li>
			<li><a href="#"><img src="img/members/6.png" alt="Firehouse bar"></a></li>
			<li><a href="#"><img src="img/members/7.png" alt="Firehouse bar"></a></li>	
			<li><a href="#"><img src="img/members/1.png" alt="Firehouse"></a></li>
			<li><a href="#"><img src="img/members/2.png" alt="Chloe nightclub"></a></li>
			<li><a href="#"><img src="img/members/3.png" alt="Firehouse bar"></a></li>	
			<li><a href="#"><img src="img/members/4.png" alt="Firehouse"></a></li>
			<li><a href="#"><img src="img/members/5.png" alt="Chloe nightclub"></a></li>
			<li><a href="#"><img src="img/members/6.png" alt="Firehouse bar"></a></li>
			<li><a href="#"><img src="img/members/7.png" alt="Firehouse bar"></a></li>					
		</ul>
	</div>
</div>
</div>


<!-- Footer -->
<footer>
	<center>
		<p>&copy; 2005-2014 CÔNG TY TNHH THƯƠNG MẠI DỊCH VỤ CÔNG NGHỆ TÂN THÀNH DANH </p>
		<p>224 Lê Văn Thọ P11 Quận Gò Vấp TPHCM </p>
		<p>Tel: 0909805881-0937787881-0917673035 </p>
		<p>E-mail:tanthanhdanhltd@gmail.com </p>
	</center>
</footer>
<!-- End Footer -->

</body>
</html>
